<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp">
	<title>编写实训报告</title>
  <link href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="./static/css/mdui.css">
  <link rel="stylesheet" href="./static/css/docs.css">
  <link href="https://cdn.bootcss.com/summernote/0.8.7/summernote.css" rel="stylesheet">
  <style>
    .float-fl, .float-fr {
      box-sizing: border-box;
    }
    @media (min-width: 1024px) {
      .float-fl {
        width: 49%;
        margin-right: 2%;
      }
      .float-fr {
        width: 49%;
      }
    }
  </style>
</head>
<body class="mdui-drawer-body-left mdui-appbar-with-toolbar mdui-theme-primary-blue mdui-theme-accent-pink mdui-loaded">
<header class="mdui-appbar mdui-appbar-fixed">
  <div class="mdui-toolbar mdui-color-theme">
    <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-drawer="{target: '#main-drawer', swipe: true}"><i class="mdui-icon material-icons">menu</i></span>
    <a href="./index.html" class="mdui-typo-headline mdui-hidden-xs">员工培训系统</a>
    <a href="" class="mdui-typo-title">编写实训报告</a>
    <div class="mdui-toolbar-spacer"></div>
    <div class="mdui-col-xs-5 mdui-col-md-3">
      <div class="mdui-textfield mdui-textfield-expandable mdui-float-right ">
        <button class="mdui-textfield-icon mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">search</i></button>
        <input class="mdui-textfield-input" type="text" placeholder="搜索"/>
        <button class="mdui-textfield-close mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">close</i></button>
      </div>
    </div>
    <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-dialog="{target: '#dialog-docs-theme'}" mdui-tooltip="{content: '设置主题'}"><i class="mdui-icon material-icons">color_lens</i></span>
    <a href="javascript:;" mdui-tooltip="{content: '论坛'}" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">forum</i></a>
  </div>
</header>

<%@include file="../common/leftMenuStaff.jsp"%>

<a id="anchor-top"></a>

<div class="mdui-container doc-container">
  <div class="mdui-clearfix">
    <div class="mdui-shadow-3 mdui-float-left mdui-p-x-2 mdui-m-b-1 mdui-m-r-1" style="line-height: 36px;">
      学习进度：还未参与课程学习
    </div>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1" onclick="location.href='indexStaff.html'">首页</button>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1 hover-study" onclick="location.href='staffStudy.html'">学习</button>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1 hover-exam" onclick="location.href='staffExam.html'">考试</button>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1 hover-exam-simulate" onclick="location.href='staffExamSimulate.html'">模拟考试</button>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1 hover-review" onclick="location.href='staffReview.html'">复习计划</button>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1" onclick="location.href='staffMistakes.html'">错题本</button>
  </div>
  <div class="wrappers">
    <div class="index-wrap mdui-p-t-3">
      <div class="mdui-clearfix">
        <h1 class="doc-title mdui-text-color-theme mdui-p-x-0  mdui-col-xs-6 mdui-m-x-0">编写实训报告</h1>
      </div>
      <div class="mdui-typo mdui-clearfix mdui-m-y-4">
        <div class="mdui-col-md-5">
          <div class="mdui-clearfix">
            <div class="mdui-col-xs-6 mdui-col-md-5" style="line-height: 60px;font-size: 20px;text-align: right;">项目：</div>
            <div class="mdui-col-xs-6" style="position: relative;top: 12px">
              <input list="project" class="mdui-textfield-input" />
              <datalist id="project" >
                <option value="项目1">项目1</option>
                <option value="项目2">项目2</option>
                <option value="项目3">项目3</option>
                <option value="项目4">项目4</option>
              </datalist>
            </div>
          </div>
          <div class="mdui-clearfix">
            <div class="mdui-col-xs-6 mdui-col-md-5" style="line-height: 60px;font-size: 20px;text-align: right;">课程：</div>
            <div class="mdui-col-xs-6" style="position: relative;top: 12px">
              <input list="lesson" class="mdui-textfield-input" />
              <datalist id="lesson" >
                <option value="课程1">课程1</option>
                <option value="课程2">课程2</option>
                <option value="课程3">课程3</option>
                <option value="课程4">课程4</option>
              </datalist>
            </div>
          </div>
          <div class="mdui-clearfix">
            <div class="mdui-col-xs-6 mdui-col-md-5" style="line-height: 60px;font-size: 20px;text-align: right;">科目：</div>
            <div class="mdui-col-xs-6" style="position: relative;top: 12px">
              <input list="subject" class="mdui-textfield-input" />
              <datalist id="subject" >
                <option value="科目1">科目1</option>
                <option value="科目2">科目2</option>
                <option value="科目3">科目3</option>
                <option value="科目4">科目4</option>
              </datalist>
            </div>
          </div>
          <div class="mdui-clearfix">
            <div class="mdui-col-xs-6 mdui-col-md-5" style="line-height: 60px;font-size: 20px;text-align: right;">实训题目：</div>
            <div class="mdui-col-xs-6" style="position: relative;top: 12px">
              <input list="title" class="mdui-textfield-input" />
              <datalist id="title" >
                <option value="实训题目1">实训题目1</option>
                <option value="实训题目2">实训题目2</option>
                <option value="实训题目3">实训题目3</option>
                <option value="实训题目4">实训题目4</option>
              </datalist>
            </div>
          </div>
        </div>
      </div>
      <div class="mdui-typo mdui-m-y-4">
        <div id="summernote"></div>
      </div>
      <div class="mdui-typo mdui-m-y-4">
        <button class="mdui-col-xs-2 mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-right" id="noticePush">提交</button>
      </div>
    </div>
  </div>
</div>

 <%@include file="../common/theme.jsp"%>

<script src="https://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="./static/js/mdui.min.js"></script>
<script>var $$ = mdui.JQ;</script>
<script src="./static/js/highlight.pack.js"></script>
<script src="./static/js/smooth-scroll.min.js"></script>
<script src="./static/js/holder.min.js"></script>
<script src="./static/js/base.js"></script>
<script src="https://cdn.bootcss.com/summernote/0.8.7/summernote.min.js"></script>
<script src="https://cdn.bootcss.com/summernote/0.8.7/lang/summernote-zh-CN.min.js"></script>
<script>
  $(document).ready(function() {
    $('#summernote').summernote({
      lang: 'zh-CN',
      minHeight: 300,
      focus: true
    });
  });
</script>
<script>
  $$(function () {
    $('#noticePush').on('click', function () {
      var noticeContent = $('#summernote').summernote('code');
      console.log(noticeContent);
    });
  });

</script>
  
</body>
</html>